/* eslint-disable @typescript-eslint/consistent-type-imports */

import type React from "react";

interface TelescopeProps {
  className?: string;
}

export const Telescope = ({
  className,
}: TelescopeProps): React.ReactElement => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    viewBox="0 0 274 210"
    className={className}
  >
    <defs>
      <path id="a" d="M.305.332H27.95v23.297H.305z" />
    </defs>
    <g fill="none" fillRule="evenodd">
      <path
        fill="#444"
        d="M20.849 209.683C7.639 188.617 0 163.7 0 137 0 61.337 61.337 0 137 0s137 61.337 137 137c0 26.7-7.638 51.617-20.849 72.683C218.266 191.978 178.798 182 137 182s-81.266 9.978-116.151 27.683z"
        opacity=".02"
      />
      <path fill="#E5358D" d="M111 140.5l5.5 12.5 6.1-2.5-5.3-12.7z" />
      <path fill="#A7A7A7" d="M158 116.5l8.5 20L151 143l-8.5-20z" />
      <path
        fill="#44444D"
        d="M150.955 144.734a2.038 2.038 0 0 1-1.877-1.223l-3.837-8.913a1.991 1.991 0 0 1 1.083-2.625c1.041-.432 2.232.045 2.67 1.064l3.041 7.068 8.685-3.61c1.04-.433 2.233.045 2.67 1.063a1.991 1.991 0 0 1-1.082 2.625l-10.56 4.393c-.26.107-.53.158-.793.158"
      />
      <g transform="translate(140.31 114.753)">
        <mask id="b" fill="#fff">
          <use xlinkHref="#a" />
        </mask>
        <path
          fill="#44444D"
          d="M25.914 23.63a2.038 2.038 0 0 1-1.877-1.223L16.529 4.96 5.012 9.749l1.641 3.813a1.991 1.991 0 0 1-1.082 2.625c-1.036.432-2.232-.045-2.67-1.064L.466 9.466a1.97 1.97 0 0 1-.012-1.533 2.017 2.017 0 0 1 1.095-1.092L16.819.49c1.035-.432 2.23.046 2.668 1.064l8.302 19.29a1.99 1.99 0 0 1-1.082 2.626c-.26.107-.53.158-.793.158"
          mask="url(#b)"
        />
      </g>
      <path
        fill="#44444D"
        d="M143.664 143.903a2.038 2.038 0 0 1-1.877-1.222 1.99 1.99 0 0 1 1.081-2.625l5.884-2.447c1.042-.432 2.233.046 2.67 1.064a1.99 1.99 0 0 1-1.081 2.625l-5.884 2.447c-.26.107-.53.158-.793.158M116.394 155.242a2.038 2.038 0 0 1-1.877-1.222l-5.485-12.737a1.98 1.98 0 0 1-.012-1.533 2.016 2.016 0 0 1 1.096-1.092l33.154-13.786c1.037-.432 2.232.045 2.67 1.064a1.989 1.989 0 0 1-1.083 2.624l-31.279 13.006 3.897 9.049 14.64-6.087c1.038-.431 2.232.046 2.67 1.064a1.99 1.99 0 0 1-1.083 2.624l-16.515 6.868c-.26.107-.529.158-.793.158M110.226 155.41a2.038 2.038 0 0 1-1.877-1.223l-3.188-7.403a1.99 1.99 0 0 1 1.083-2.625c1.037-.431 2.231.045 2.67 1.063l3.187 7.404a1.99 1.99 0 0 1-1.081 2.625c-.26.107-.529.158-.794.158M110.66 136.52a2.038 2.038 0 0 1-1.877-1.223 1.99 1.99 0 0 1 1.08-2.625l8.631-3.588a2.05 2.05 0 0 1 2.67 1.063 1.991 1.991 0 0 1-1.082 2.625l-8.63 3.59c-.26.107-.529.158-.793.158"
      />
      <path
        fill="#44444D"
        d="M117.198 139.89a2.038 2.038 0 0 1-1.877-1.222l-2.224-5.165a1.991 1.991 0 0 1 1.082-2.625c1.039-.431 2.231.044 2.67 1.064l2.224 5.165a1.99 1.99 0 0 1-1.081 2.625c-.26.108-.529.159-.794.159M140.997 144.157c0 1.495-1.235 2.711-2.759 2.711-1.524 0-2.76-1.216-2.76-2.711 0-1.498 1.236-2.712 2.76-2.712 1.524 0 2.759 1.214 2.759 2.712M127.413 177.668c-.208 0-.42-.031-.628-.099a1.995 1.995 0 0 1-1.31-2.522l8.343-25.29c.347-1.05 1.493-1.629 2.566-1.287a1.994 1.994 0 0 1 1.308 2.522l-8.342 25.291a2.036 2.036 0 0 1-1.937 1.385M149.061 177.668c-.86 0-1.658-.539-1.937-1.385l-8.34-25.29a1.994 1.994 0 0 1 1.309-2.523 2.04 2.04 0 0 1 2.565 1.288l8.341 25.29a1.995 1.995 0 0 1-1.31 2.521c-.208.068-.42.1-.628.1M138.238 177.667c-1.125 0-2.037-.896-2.037-2.002v-17.259c0-1.105.912-2.002 2.037-2.002 1.126 0 2.037.897 2.037 2.002v17.259c0 1.106-.911 2.002-2.037 2.002"
      />
      <path
        stroke="#E6E6E6"
        strokeLinecap="round"
        strokeWidth="3"
        d="M149 126.4l5.6-2.4"
      />
      <path
        stroke="#44444D"
        strokeLinecap="round"
        strokeWidth="3"
        d="M125 140.9l16-6.6M119.3 142.63l2.888 7.133"
      />
      <g
        stroke="#DEDFE3"
        strokeWidth="3"
        transform="rotate(-22 232.896 -144.262)"
      >
        <circle cx="13" cy="7" r="7" />
        <path strokeLinecap="round" d="M0 7h26" />
      </g>
      <g
        stroke="#DEDFE3"
        strokeWidth="3"
        transform="rotate(22 -199.123 637.319)"
      >
        <circle cx="13" cy="7" r="7" />
        <path strokeLinecap="round" d="M0 7h26" />
      </g>
      <path
        stroke="#DEDFE3"
        strokeLinejoin="round"
        strokeWidth="3"
        d="M172.341 55.193c4.86.904 9.975-1.276 12.587-5.8 2.613-4.526 1.943-10.045-1.27-13.802A11.98 11.98 0 0 1 187.465 37c5.74 3.314 7.706 10.653 4.392 16.392-3.313 5.74-10.652 7.706-16.392 4.393a11.98 11.98 0 0 1-3.123-2.592z"
      />
      <circle cx="48" cy="163" r="4" stroke="#DEDFE3" strokeWidth="3" />
      <circle cx="135.5" cy="89.5" r="2.5" fill="#5168C2" />
      <circle cx="98.5" cy="37.5" r="2.5" fill="#5168C2" />
      <circle cx="41.5" cy="77.5" r="2.5" fill="#5168C2" />
      <circle cx="24.5" cy="118.5" r="2.5" fill="#5168C2" />
      <circle cx="232.5" cy="74.5" r="2.5" fill="#5168C2" />
      <circle cx="191.5" cy="158.5" r="2.5" fill="#5168C2" />
      <g fill="#DEDFE3" transform="translate(185 95)">
        <rect width="3" height="9" x="3" rx="1.5" />
        <rect width="9" height="3" y="3" rx="1.5" />
      </g>
      <g fill="#DEDFE3" transform="translate(243 170)">
        <rect width="3" height="9" x="3" rx="1.5" />
        <rect width="9" height="3" y="3" rx="1.5" />
      </g>
      <g fill="#DEDFE3" transform="translate(70 119)">
        <rect width="3" height="9" x="3" rx="1.5" />
        <rect width="9" height="3" y="3" rx="1.5" />
      </g>
      <g fill="#DEDFE3" transform="translate(138 22)">
        <rect width="3" height="9" x="3" rx="1.5" />
        <rect width="9" height="3" y="3" rx="1.5" />
      </g>
    </g>
  </svg>
);
